<template>
  <Dialog :appDialog="appDialog">
    <div class="content" v-html="content"></div>
  </Dialog>
</template>
<script lang="ts" setup>
import { ref, reactive } from "vue";
import Dialog from "@/components/Dialog.vue";
const emit = defineEmits(["submit"]);
// 取消
const cancelHandel = () => {
  appDialog.visible = false;
};
// 确定
const submitHandel = () => {
  emit("submit");
};
const content = ref("一键提醒");
const appDialog = reactive({
  visible: false,
  title: "是否发送提醒",
  width: "400px",
  cancel: cancelHandel,
  submit: submitHandel,
  cancelText: "取消",
  submitText: "确定",
});

defineExpose({
  appDialog,
  content,
});
</script>
<style lang="scss" scoped>
.content {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 30px;
}
</style>
